<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>popup</title>
		<link rel="stylesheet" href="./popup.min.css" />
	</head>
	<body style="width: 400px; height: 300px">
		<div class="mainbox" style="position: relative">
			<div class="rowitem">
				<p class="label">是否开启</p>
				<label class="switch value">
					<input type="checkbox" id="OPEN_THE_TOOLS" />
					<span class="slider"></span>
				</label>
			</div>
			<div class="rowitem">
				<p class="label">操作间隔</p>
				<input id="WAITING_TIME" autocomplete="off" type="number" class="input mine value" placeholder="单位：ms" />
			</div>
			<div class="rowitem" style="height: 0; flex: 1">
				<p class="label" style="align-self: flex-start; margin: 0; line-height: 30px">发送消息</p>
				<label class="textarea value" for="inp">
					<textarea name="" id="SEND_MESSAGE" cols="30" rows="10" placeholder=""></textarea>
					<!-- <input placeholder="" id="" type="textarea" /> -->
					<span class="label">打招呼消息</span>
					<span class="focus-bg"></span>
				</label>
			</div>
			<div
				aria-label="Orange and tan hamster running in a metal wheel"
				role="img"
				class="wheel-and-hamster"
				style="margin: auto; position: absolute; top: -2em; transform: scale(0.45); right: -2em">
				<div class="wheel"></div>
				<div class="hamster">
					<div class="hamster__body">
						<div class="hamster__head">
							<div class="hamster__ear"></div>
							<div class="hamster__eye"></div>
							<div class="hamster__nose"></div>
						</div>
						<div class="hamster__limb hamster__limb--fr"></div>
						<div class="hamster__limb hamster__limb--fl"></div>
						<div class="hamster__limb hamster__limb--br"></div>
						<div class="hamster__limb hamster__limb--bl"></div>
						<div class="hamster__tail"></div>
					</div>
				</div>
				<div class="spoke"></div>
			</div>
			<p class="author">. make by pakchoi</p>
		</div>
		<script src="./popup.js"></script>
		<script></script>
	</body>
</html>
